<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <div id="app">
        <!-- 表单 -->
      
<!-- 文本框 -->
            <input type="text" v-model="msg" name="username" placeholder="请输入用户名" />
            <input type="password" name="pwd" placeholder="请输入密码" />
            {{msg}}

<!-- 文本域 -->


<textarea  v-model="msg"></textarea>


<!-- 单选按钮 -->

<input type="radio" name="sex" value="1" v-model="sex" />男
<input type="radio" name="sex" value="0" v-model="sex" />女

<!-- 多选 -->
<br />
 <input type="checkbox" value="bask" v-model="hobby"/>
 <input type="checkbox" value="sing" v-model="hobby"/>
{{hobby}}

<!-- 下拉列表 -->

  <select v-model="address">
        <option value="1">郑州</option>
        <option value="2">洛阳</option>
  </select>
</div>
    <script src="js/vue.js"></script>
    <script>

        new Vue({
            el:"#app",
            data:{
                msg:"ok",
                sex:1,
                hobby:["sing","bask"],
                address:"1"
            },
            methods:{}
        })
    </script>
</body>
</html>